/*
* @description: 布局、Header、Footer样式
* @author: CRD-Swallow
* @update: name (2019-12-25 09:30)
* @tips: 多模块共用，请勿轻易修改!!!
*/
html{font-size: 20px;}
*{box-sizing: border-box;}
body{padding:0; margin:0; font-family: Verdana,"Microsoft Yahei"; font-size: 14px; color: #353535; overflow-x: hidden;}
a{color: #353535; text-decoration: none; outline: none;}
i{margin: 0 8px;}
img{vertical-align: top; width: 100%;}
ul,ol,li,dl,dt,dd{list-style: none; text-indent: 0; padding: 0; margin: 0;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content:""; display: block; clear: both;}
button,input{border: none; outline: none;}
.normal-btn{display: block; width: 100%; height: 38px; line-height: 38px; background: #E7BE9E; color: #FFF; cursor: pointer;}
.normal-btn:hover{background: #DEA97D;}
h1,h2,h3,h4,h5,p,strong{padding: 0; margin: 0;}
input{font-size: 12px;}

/* 按钮样式 */
/* 默认样式 */

/* 样式 */

/* 大小 */

/* 块级元素 */

/* 激活状态 */

/* A标签的激活 */

/* 禁用状态 */

/* swiper css */
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 导航开始 */
.header-wrap{
  width: 100%;
  height: 138px;
}
.header19-group{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 3px solid #CD924F;
  background-color: #FFF;
  z-index: 50;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.header19-group:after{
  content: "";
  display: block;
  clear: both;
}
.logo-group{
  width: 100%;
  height: 87px;
  text-align: center;
  position: relative;
  /*z-index: 100;*/
}
.logo-center{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 110px;
  font-size: 41px;
  color: #CD924F;
}
/* 右侧显示层 */
.line{
  width: 100%;
  height: 1px;
  background-color: #CD924F;
  position: absolute;
  left: -100%;
  bottom: 0;
  -webkit-transition: left 200ms;
  -moz-transition: left 200ms;
  -ms-transition: left 200ms;
  -o-transition: left 200ms;
  transition: left 200ms;
}
.layer-dialog{
  position: absolute;
  top: 0;
  right: 0;
  width: 464px;
  height: 64px;
  background-color: transparent;
  z-index:100;
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  -ms-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms;
  overflow: hidden;
}
.logo-right{
  width: 464px;
  height: 64px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index:200;
}
.logo-right .search,
.logo-right .my-collect,
.logo-right .my-cart,
.logo-right .my-user{
  height: 30px;
  line-height: 30px;
}
.my-user{
  font-size: 14px;
}
.my-collect{
  margin: 0 0 0 10px;
}
.my-cart{
  width: 30px;
  margin: 0 10px;
}
.search-form{
  float: right;
  width: 180px;
  border-bottom: 1px solid #353535;
}
.search-form input{
  float: left;
  display: inline-block;
  width: calc(100% - 29px);
  height: 30px;
  text-indent: 12px;
  background: transparent;
}
.search-form button{
  display: inline-block;
  width: 29px;
  height: 29px;
  background: transparent;
  cursor: pointer;
}
.layer-dialog-hover{
  position: fixed;
  height: calc(100vh - 3px);
  top: 3px;
  background-color:#FFF;
}
.layer-dialog-hover .logo-right{
  background-color: #CD924F;
  padding-right: 13px;
}
/* 登录层 */
.user-group{
  width: 100%;
}
.user-group > ul{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10vh 48px;
}
.user-group h3{
  font-weight: normal;
  line-height: 28px;
  margin: 5px 0;
  font-size: 18px;
}
.user-group li:first-child{
  height: auto;
}
.user-group li{
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.user-group li a{
  position: relative;
  display: block;
  float: left;
  padding: 5px 0;
  overflow: hidden;
}
.user-group li i{
  display: inline-block;
  padding: 5px 0;
}
.user-group li a:hover .line{
  left: 0;
}
/*收藏列表层*/
.list-group{
  width: calc(100% - 15px);
  height: calc(100vh - 94px);
  overflow-y: auto;
  margin: initial;
  margin-top: 15px;
}
.list-group ul{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 30px 0 30px;
}
.list-group h3{
  font-weight: normal;
  line-height: 28px;
  margin: 5px 0;
  font-size: 18px;
}
.like-list{
  display: table;
  width: 100%;
}
.like-list li{
  display: block;
  padding: 35px 0;
  border-bottom: 1px solid #CD924F;
}
.list-group ul > li:first-child{
  padding: 0;
  border: none;
}
.like-list li:before{
  content: "";
  display: table;
  clear: both;
}
.like-list li:after{
  content: "";
  display: block;
  clear: both;
}
.like-list h3{
  display: inline-block;
  border-bottom: 2px solid #353535;
}
.like-list .img-box{
  float: left;
  width: 165px;
  height: 165px;
}
.like-list .info-box{
  float: right;
  width: calc(100% - 165px);
  height: 165px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  position: relative;
}
.info-box *{
  line-height: 28px;
}
.info-box h4{
  font-weight: normal;
  font-size: 16px;
}
.handle-group{
  position: absolute;
  bottom: 0;
}
.handle-group > div{
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align-last: justify;
  margin-top: 5px;
}
.handle-group > div:hover .line{
  left: 0;
}
.like-list li:last-child{
  border: none;
  padding: 10px 0;
}
.like-list a{
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 5px 0;
}
.like-list a:hover .line{
  left: 0;
}
/*滚动条样式*/
.list-group::-webkit-scrollbar {
  width: 4px;
  height: 0.25rem;
  background: transparent;
  border-right: 2px solid #353535;
}
.list-group::-webkit-scrollbar-track {
  border-radius: 0;
}
.list-group::-webkit-scrollbar-thumb {
  border-radius: 0;
  width: 100%;
  background-color: #353535;
  transition: all .2s;
}
.list-group::-webkit-scrollbar-thumb:hover {
  background-color: rgba(95, 95, 95, 0.7);
}
/* 购物车结算li */
li.clear-money{
  padding: 16px 0!important;
}
.clear-money a{
  display: inline-block;
  font-size: 14px;
  padding: 0;
}
.clear-money a:first-child{
  width: 100%;
}
.clear-money .btn-clear{
  display: flex;
  width: 80%;
  height: 55px;
  background: #CD924F;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  padding: 0 15px;
  color: #FFF;
  margin: 15px 0;
}
.clear-money .btn-clear strong{
  font-size: 18px;
}

/* 一级导航 */
.nav-wrap{
  position: relative;
}
.nav-wrap a,
.nav-wrap a:hover{
  color: #353535;
}
.nav-inner-group{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.nav-inner-group > li{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  cursor: pointer;
  background: url("../images/nav_list_bg.png") no-repeat right center;
}
.nav-inner-group > li:last-child{
  background: none;
}
.nav-inner-group > li > span{
  display: inline-block;
  line-height: 48px;
  color: #222;
  font-size: 15px;
}
.nav-inner-group > li:hover > span,
.nav-inner-group > li.active span{
  font-weight: bold;
  border-bottom: 2px solid #C4955A;
  color: #353535;
}
.sub-nav{
  display: none;
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  z-index: 9999;
  background: #FFF;
  border-top: 1px solid #EEE;
}
.sub-nav > div{
  width: 100%;
  max-width: 1440px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.nav-inner-group li:hover .sub-nav,
.nav-inner-group li.active .sub-nav{
  display: block;
}
.sub-item{
  margin: 0 15px;
  text-align: left;
}
.sub-item dt{
  font-weight: bold;
  color: #353535;
  font-size: 15px;
  margin-bottom: 20px;
}
.sub-item > li,
.sub-item > dd{
  font-size: 15px;
}
.sub-item > li a,
.sub-item > dd a{
  display: inline-block;
  position: relative;
  color: #353535;
  overflow: hidden;
}
.sub-item > li span,
.sub-item > dd span{
  display: inline-block;
  padding: 0 0 19px 0;
}
.sub-item > li i,
.sub-item > dd i{
  position: absolute;
  bottom: 13px;
  left: -100%;
  width: 100%;
  height: 2px;
  background-color: #CB8B4A;
  -webkit-transition: left 200ms;
  -moz-transition: left 200ms;
  -ms-transition: left 200ms;
  -o-transition: left 200ms;
  transition: left 200ms;
  padding: 0;
  margin: 0;
}
.sub-item > li:hover .line,
.sub-item > dd:hover .line{
  left: 0;
}
.detail-name{
  margin: 10px 0;
}
.item-211{
  width: 211px;
}
.item-img{
  max-width: 824px;
  min-width: 584px;
}
/* 导航结束 */

/*共用底部开始*/
.footer-group{
  position: relative;
  padding-top: 32px;
  width: 100%;
  background: #f5f5f5;
}
.cross-line{
  position: absolute;
  left: 0;
  top: 84px;
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  z-index:0;
}
.footer-main{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.footer-main dl{
  width: 225px;
}
.footer-main dt{
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer-main dt i{
  display: block;
  width: 22px;
  height: 1px;
  background-color: #666;
  margin: 0;
  position: relative;
  z-index: 10;
}
.footer-main dd{
  padding: 10px 0;
}
.qrcode-group dd{
  position: relative;
}
.code-box{
  position: absolute;
  top: 0;
  left: 56px;
  width: 100px;
  height: 100px;
  border: 1px solid #D2D2D2;
}
.code-box > div{
  position: relative;
}
.code-box .sanjiao{
  position: absolute;
  top: 10px;
  left: -5px;
  z-index: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #D2D2D2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #FFF;
}
.code-box img{
  position: relative;
  z-index:10;
}
.tel-item{
  flex-shrink: 0;
}
.footer-main dd > a{
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #666;
}
.footer-main dd > a:hover .line{
  left: 0;
}
.tel-item .tel{
  color: #CD924F;
}
.tel-item span{
  font-size: 25px;
}
.tel-item .time{
  padding-top: 0;
  text-align: center;
  color: #999;
}
.tel-item dd a{
  width: 225px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #FFF;
  background-color: #CD924F;
  display: block;
  color: #FFF;
}
.copyright{
  margin-top: 50px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #E1E1E1;
  background-color: #EFEFEF;
}
.copyright,
.copyright a{
  font-size: 14px;
  color: #999;
}
.copyright > div{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.copyright img{
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
/*共用底部结束*/
.suspend{
  position: fixed;
  right: 20px;
  bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}
.suspend > a{
  position: relative;
  display: block;
  width: 64px;
  height:64px;
  margin-bottom: 10px;
  background-color: #CD924F;
  border-radius: 100%;
  text-align: center;
  padding-top: 10px;
  border: 1px solid #CD924F;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  color: #f1e6da;
}
.suspend a:nth-child(1),
.suspend a:nth-child(2),
.suspend a:nth-child(3){
  display: none;
}
.suspend:hover a{
  display: block;
}
.suspend > a:hover{
  background: #FFF;
}
.suspend > a:hover *{
  color: #CD924F;
}
.suspend i{
  font-size: 21px;
}
.suspend p{
  font-size: 12px;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
}
.abs-tel{
  display: none;
  position: absolute;
  top: 14px;
  right: 70px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #CD924F;
  white-space: nowrap;
  line-height: 36px;
}
.abs-tel .sj{
  position: absolute;
  top: 12px;
  right: -3px;
  width: 12px;
  height: 12px;
  background-color: #CD924F;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.suspend a:hover .abs-tel{
  display: block;
  color: #FFF;
}
/** 登录弹窗 */
.login-dialog{
  width: 100%;
  max-width:1440px;
  margin: 0 auto;
}
    .login-dialog:after {
        content:"";
        display:block;
        clear:both;
    }
.leftcon {
    float:left;
    width: calc(100% - 610px);
    box-sizing: border-box; 
    padding: 60px;
}
.login-dialog .login-group,.register-group{
    float: right;
  width: 580px;
  margin: 15px;
  padding-bottom: 30px;
  background-color: #FFF;
  border-radius: 15px;
}
.login-dialog h2{
  position: relative;
  height: 84px;
  border-bottom: 1px solid #EBEBEB;
  font-weight: normal;
  font-size: 24px;
}
.login-dialog h2 > div{
  line-height: 84px;
  text-align: center;
}
.login-dialog h2 span{
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 25px;
  height: 25px;
  color: #999;
  cursor: pointer;
  font-size: 18px;
}
.login-dialog h2 span:hover{
  color: #CC1010;
}
.login-form,.register-form{
  width: 100%;
  padding: 0 75px;
  box-sizing: border-box;
}
.login-form .form-item,.register-form .form-item{
  margin-top: 15px;
}
.login-form .label-box,.register-form .label-box{
  height: 36px;
  line-height: 36px;
  color: #353535;
  font-size: 15px;
}
.login-form input,.register-form input{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-indent: 12px;
  background-color: #F4F4F4;
  font-size: 15px;
}
.login-form .btn-submit,.register-form .btn-submit{
  margin-top: 10px;
  text-indent: 0;
  background-color: #CD9250;
  color: #FFF;
}
.other-handle{
  width: 100%;
  height: 50px;
  padding: 0 75px;
}
.other-handle:after{
  content: '';
  display: block;
  clear: both;
}
.other-handle > div:first-child{
  float: left;
  line-height: 50px;
}
.other-handle > div:last-child{
  float: right;
  line-height: 50px;
}
.verify-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.verify-box > button{
  /*max-width: 188px;*/
  padding: 0 15px;
  white-space: nowrap;
  border: none;
  background-color: transparent;
}
.verify-box span{
  display: inline-block;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
.btn-login-switch span{
  cursor: pointer;
  border-bottom: 1px solid #000;
}
.btn-register{
  color: #CD924F;
  cursor: pointer;
}
.btn-forgot{
  color: #B8B8B8;
  cursor: pointer;
}
.quick-login{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 15px 75px 0 75px;
  padding-top: 20px;
  border-top: 1px dashed #CCC;
}
.quick-login > div{
  display: inline-block;
  color: #AAA;
}
.quick-login a{
  display: inline-block;
  margin: 0 8px;
  font-size: 30px;
  color: #AAA;
}
.quick-login a:hover .crd-login-wechat{
  color: #07C160;
}
.quick-login a:hover .crd-login-qq{
  color: #12B7F5;
}
.quick-login a:hover .crd-login-weibo{
  color: #E6162D;
}
.quick-login a:hover .crd-login-alipay{
  color: #1677FF;
}
.register-group{
  padding-bottom: 50px!important;
}

 /*PNG图片背景色;*/

 .bgcolor{background-color:#F8F8F8;}



